import Taro, { Component } from '@tarojs/taro'
import { View, Button, Text } from '@tarojs/components'
import { observer, inject } from '@tarojs/mobx'
import './ranking.scss'


@inject('counterStore')
@observer
class Ranking extends Component {

    config = {
        navigationBarTitleText: '排行榜',
        navigationBarTextStyle: 'black',
        navigationBarBackgroundColor: '#fff',
    }
    constructor() {
        super(...arguments)
        this.state = {
            value: '',
            logo: require('../../img/logo.png'),
        }
    }
    componentWillMount() {
        console.log('componentWillMount----');
    }

    componentWillReact() {
        console.log('componentWillReact')
    }

    componentDidMount() { }

    componentWillUnmount() { }

    componentDidShow() { }

    componentDidHide() {}
    render() {
        const { counterStore: { counter } } = this.props
        const { logo } = this.state;
        return (
            <View className='ranking-page'>
                <View className="title">
                    <Text>排名</Text>
                    <Text>姓名</Text>
                    <Text>销售额</Text>
                    <Text>提成</Text>
                </View>
                <View className="data">
                    <Text>1</Text>
                    <Text>张三</Text>
                    <Text>1220</Text>
                    <Text>200</Text>
                </View>    
                <View className="data">
                    <Text>2</Text>
                    <Text>张三</Text>
                    <Text>1220</Text>
                    <Text>200</Text>
                </View> 
                <View className="data">
                    <Text>3</Text>
                    <Text>张三</Text>
                    <Text>1220</Text>
                    <Text>200</Text>
                </View> 
                <View className="data">
                    <Text>4</Text>
                    <Text>张三</Text>
                    <Text>1220</Text>
                    <Text>200</Text>
                </View> 
            </View>
        )
    }
}

export default Ranking 
